<template>
  <HomeHeader2/>
  <div>
    <div class="part3">
      <span class="s11">Our team</span>
      <p class="s12">The Indicator Diagram Fault Diagnosis team is a group of technology enthusiasts who are passionate about developing a user-friendly web-based platform for diagnosing faults in dynamometer graphs and data, providing machine management, real-time monitoring and statistical analysis capabilities while maintaining a laid-back and informal approach.</p>
    </div>

    <div class="part4">
      <span style="font-size:45px">Satisfied customer</span>
      <p class="s14">We provide an easy-to-use web platform for diagnosing and analyzing power graph images and data, providing fault results and real-time monitoring, all presented in a user-friendly interface with a cool blue color scheme.</p>
      <el-button type="primary" @click="service" style="background-color: #0062cc;width: 200px;height: 60px;margin-top: 30px">View all services</el-button>
      <img src="../assets/img/part403.png" alt="" class="part403">
    </div>
  </div>
  <HomeFooter2/>
</template>

<script setup>
import { useRouter } from 'vue-router';
import HomeHeader2 from '@/components/layout2/homeHeader2.vue';
import HomeFooter2 from '@/components/layout2/homeFooter2.vue';

const router = useRouter();

const service = () => {
  router.push('/service2');
};
</script>

<style scoped>
.part3{
  height: 150px;
  padding-left: 150px;
  padding-right: 150px;
  padding-top: 20px;
  background-color:rgba(151, 171, 215, 0.12)  ;
}
.s11{
  font-size:45px;
}
.s12{
  font-size: 15px;
  line-height: 20px;
  color: #515a6e;
}
.people  {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  margin-top: 20px;
}

.people1{
  width: 600px;
  height: 400px;
  margin:60px;
}
.part401{
  width: 230px;
  height: 330px;
  border-radius: 10px;
}
.box02{
  width: 200px;
  margin-left: 280px;
  margin-top: -230px;
}
.s13{
  font-size: 15px;
  line-height: 25px;
  font-weight: lighter;
  color: #515a6e;
}
.box03{
  width: 200px;
  margin-left: 280px;
  margin-top: -300px;
}
.s14{
  width: 500px;
  font-size: 15px;
  color:#515a6e;
  margin-top: 20px;
  line-height: 25px;
}
.part403{
  width: 650px;
  height: 450px;
  margin-left: 550px;
  margin-top: -300px;
  border-radius: 5px;
}
.s14{
  width: 500px;
  font-size: 15px;
  color:#515a6e;
  margin-top: 20px;
  line-height: 25px;
}
.part403{
  width: 650px;
  height: 450px;
  margin-left: 550px;
  margin-top: -300px;
  border-radius: 5px;
}
.part4{
  height: 500px;
  margin-left: 160px;
  margin-right: 160px;
  margin-top: 10px;
  position: relative;
  top:80px;
}

</style>
